<template>
	<view class="card c3 mb10">
		<view class="bd1 dfa pb10">
			<view class="f-c-s f-1">
				<view class="c0">
					#<text class="f24 wei6">ZQ2259</text>
				</view>
				<view class="f12 c6 mt5">预约时间 | 2023-05-06(今天)立即取单</view>
			</view>
			<view class="f-c-e wei6">
				<view>
					<text class="pr5 c0">全额退款</text> | <text class="pl5" :style="{color:subColor}">自取</text>
				</view>
				<text class="f10 p5 c9 bf8 mt5">余额支付</text>
			</view>
		</view>
		<view class="dfa mt10">
			<u-avatar :src="img" shape="square"></u-avatar>
			<view class="f-e-c ml10">
				<text class="c3">蓝月星辰</text>
				<text class="f10 c9 mt5">2023-05-06 15:20:55</text>
			</view>
		</view>
		<view class="pl30 mt5 dfbc mb15">
			<view class="">
				<text class="mr5">拿铁咖啡</text>等<text>1</text>件商品
			</view>
			<text>16.90元</text>
		</view>
		<view class="dfbc">
			<view class="tool f12">本单为该用户第<text class="mr5">37</text>单</view>
			<view class="">
				<u-button type="primary" :plain="true" text="重新打印" :color="subColor" shape="circle">
				</u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				subColor: uni.getStorageSync('subject_color')
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.tool {
		padding: 10rpx 18rpx;
		background: #fff6e4;
		color: #e8b040;
	}
</style>